<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>test</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="css/main.css" media="all"/>
</head>
<body>
<div class="wrap shadow">
    <ol id="ol" class="list"></ol>
</div>
<script type="text/javascript">
    var str = '',
        data = [
            { url : 'slide/bd01.html', title : '百度爱玩 - 图片轮换效果' },
            { url : 'http://www.sohu.com', title : '百度图片轮换效果' },
            { url : 'http://www.sohu.com', title : '百度图片轮换效果' }
        ];
    for(var i = 0; i < data.length; i++){
        var items = data[i];
        str += '<li><a href="' + items.url + '" target="_blank" title="">' + items.title + '</a></li>';
    }
    document.getElementById('ol').innerHTML = str;
</script>
</body>
</html>